<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">
    <link rel="stylesheet" type="text/css" href="/static/wap2/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/wap2/css/swiper-4.2.2.min.css">
    <link rel="stylesheet" type="text/css" href="/static/wap2/css/alert.css">
    <style type="text/css">
        @font-face {
            font-family: "YourFont";
            src: url(/static/wap2/img/DINMittelschrift.otf);
        }
        @font-face {
            font-family: "YourFont1";
            src: url(/static/wap2/img/343DD8_0_0.woff2.ttf);
        }
        @font-face {
            font-family: "YourFont2";
            src: url(/static/wap2/img/DINMittelschrift-Alternate.otf);
        }
        .customfont {
            font-family: "YourFont", Helvetica, Arial;
        }
        .customfont1{
            font-family: "YourFont1", Helvetica, Arial;
        }
        .customfont2{
            font-family: "YourFont2", Helvetica, Arial;
        }
        .swiper-pagination-bullet{background: #FFFFFF;}
        .a1{display: flex;flex-wrap: wrap;justify-content: space-between}
        .wjjd-1{width: 100%;height: 165px;position: relative;}
        .wjjd-1 img{width: 310px;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}

    </style>
    <script>
        function resize() {
            var htmlEle = document.documentElement;

            var htmlWidth = window.innerWidth;
            htmlEle.style.fontSize = 20 / 640 * htmlWidth + 'px';
        } resize();


    </script>
</head>
<body>
{include file="public/header"}
<div class="header">
    <div class="wrapper wrapper01" id="retr">
        <div class="nav-1 scroller">
            <ul class="clearfix">
                <li><a href="/wap.php/index/index.html">首页</a></li>
                <li ><a href="/wap.php/zphome">样片</a></li>
                <li ><a href="/wap.php/kephome">客片</a></li>
                <li><a href="javascript:void(0)">报价</a></li>
                <li ><a href="/wap.php/zxhome">最新</a></li>
                <li class="bxz" style="float:right"><a href="/wap.php/brand">品牌</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="dj-wjjd">
    {if isset($data_content)}

    {else/}
    <div class="dj-wjjd-1">
        {volist name="data_style" id="v"}
        <a href="/wap.php/brand?id={$v.class_id}"><div class="main-4-1-1">{$v.name}</div></a>
        {/volist}
        <a href="/wap.php/brand/details?id=1 "><div class="main-4-1-1 {if $Think.session.style_id eq 1}danq{/if}">基地</div></a>
        <a href="/wap.php/brand/details?id=2"><div class="main-4-1-1  {if $Think.session.style_id eq 2}danq{/if}">视频</div></a>
    </div>
    {/if}
    {if isset($data_de)}
    <a href="#">
        <div class="dj-wjjd-3">
            {volist name="data_de" id="v"}
            <a href="/wap.php/brand/details?id={$v.id}">
            <div class="dj-wjjd-3-1">
                <img src="{$v.main_img}" alt="">
                <div class="dj-wjjd-3-1-1">
                    <p><span style="color:#000;font-size: 18px;font-weight: 600">{$v.jname}</span>  <span style="color:#B0B0B0;float:right;">BOSMIA 2018</span></p>
                </div>
            </div>
            </a>
            {/volist}
        </div>
    </a>
    {elseif isset($data_v)}
        {volist name="data_v" id="v"}
        <div class="dj-sp">
            <div class="dj-sp-1">
                <div class="dj-sp-1-1">{$v.title}</div>
                <div class="dj-sp-1-2">{$v.seo_description}</div>
                <video controls id ="imgupload2" height="" poster="{$v.video_img}" width="100%">
                    <source src="{if isset($data_video)}{$v.video_url}{/if}" type="video/mp4" data-filtered="filtered"> </video>
                <div class="dj-sp-1-3">已播放 {$v.click} 次 副本</div>
            </div>
        </div>
        {/volist}
    {elseif isset($data_content)}
        {$data_content.content}
    {/if}




    {if isset($data_content)}

    {else/}
    <div class="zxfb-2-2" style="margin:30px auto 35px">
        <img src="/static/wap2/img/more-2.png" alt="">
    </div>
    {/if}
{include file="public/foot"}


<script>
    var bswiper = new Swiper('.banner', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween: 0,
        autoplay :3000,
        loop:true,
    });
    var bswiper1 = new Swiper('.main-3-banner', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween: 0,
        autoplay :3000,
        loop:true,
    });


</script>
<script type="text/javascript">
    var options = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo = new CountUp("myTargetElement", 0, 5906851, 0, 2.5, options);
    $(window).scroll(function(){
        if($(window).scrollTop()>=900){
            demo.start();
        }
    })
</script>
</html>